<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 
        // fetch
        /*
        
        ajax，fetch，axios三者的区别，在项目中如何选择使 用  


        相同点：提供的都是promise api，都可以发送异步请求
        不同点：
            fetch是官方(封装XMLHttpRequest升级)
            axios是社区（使用promsie 封装XMLHttpRequest）
            axios更强， 拦截器 基础配置 等
        */
        let url = 'http://jx.xuzhixiang.top/ap/api/todos/create.php?title=11&description=1212&type=0'
        //    promsie对象
        // fetch(url).then(r => {
        //     // r - response 对象--二进制数据

        //     // r.json()  二进制转为json - 异步 -返回了promsie对象
        //     // r.json().then
        //     return r.json()
        // }).then(r => {
        //     console.log(r);
        // })


        // get
        fetch(url).then(r => r.json()).then(r => {
            console.log(r);
        })

    </script>

</body>

</html>